// 商家入驻
import React, { useState } from 'react';
import { Carousel } from 'antd';
import './index.scss';
export default function Shop() {
  const [state] = useState([
    'https://mms-static.pinduoduo.com/static/media/login-banner.06e822f8.png',
    'http://commimg.pddpic.com/mms_static/2019-06-20/22852818-e089-4723-bb3a-a198ddf969d6.png',
  ]);
  return (
    <div className="bussiness">
      <div className="indt">
        <div className="block">
          <Carousel height="100%">
            {state.map((item, index) => {
              return (
                <div key={index}>
                  <img src={item} alt="1" className="bussImage" />
                </div>
              );
            })}
          </Carousel>
        </div>
      </div>
      <div className="home-guide">
        <div className="home-guide-item">
          <img
            src="https://commimg.pddpic.com/mms_static/2020-05-11/f35b6bad-7c61-41b3-9a7c-3ebbe8eeccfd.png"
            alt=""
          />
          <p className="opt">入驻流程</p>
          <p className="opt2">入驻前先看，新手开店不用慌</p>
          <button>立即查看</button>
        </div>
        <div className="home-guide-item">
          <img
            src="https://commimg.pddpic.com/mms_static/2020-05-11/88a8ae84-16cf-40e5-889a-d88b49cecf25.png"
            alt=""
          />
          <p className="opt">入驻流程</p>
          <p className="opt2">入驻前先看，新手开店不用慌</p>
          <button>立即查看</button>
        </div>
        <div className="home-guide-item">
          <img
            src="https://commimg.pddpic.com/mms_static/2020-05-11/05238261-d457-4f1e-95f4-3f2162fdcc8d.png"
            alt=""
          />
          <p className="opt">入驻流程</p>
          <p className="opt2">入驻前先看，新手开店不用慌</p>
          <button>立即查看</button>
        </div>
      </div>
      <div className="title-part">
        <div className="ot">
          <img
            src="https://commimg.pddpic.com/mms_static/2020-05-11/9b38ae77-9372-4617-bc57-ae7cf28fc5f4.png"
            alt=""
          />
          <p>未来你将成为他们</p>
          <img
            src="https://commimg.pddpic.com/mms_static/2020-05-11/6a98d77c-c21d-4cca-8098-e7d9a6a422ad.png"
            alt=""
          />
        </div>

        <p>创业新平台，让你走上致富之路</p>
      </div>
      <div className="yus">
        <Carousel autoplay={false} height="409px" arrow="always">
          {[1, 2, 3, 4].map((item, index) => {
            return (
              <div height="409px" key={index} className="flexCar">
                <div className="userBlock">
                  <h1 className="ps">年销接近两亿</h1>
                  <img
                    src="https://commimg.pddpic.com/mms_static/2020-05-11/fb5d3bb7-d253-4620-af43-79507db70951.png"
                    alt="1"
                  />
                  <p>邓松耀</p>
                  <p>香幂内衣官方旗舰店</p>
                  <p>
                    2017年4月份开始做拼多多，每一年拼多多都在快速成长，我们也跟着平台快速发展，根据平台的发展
                    店铺按风格人群开了多个店铺，现年销接近2亿，感谢拼多多提供给我这么好的平台和机会。
                  </p>
                </div>
                <div className="userBlock">
                  <h1 className="ps">轻松破百万</h1>
                  <img
                    src="https://commimg.pddpic.com/mms_static/2020-05-11/08d4e321-ea79-47dc-a3e6-1702c663364c.png"
                    alt="1"
                  />
                  <p>林斗培</p>
                  <p>X先生</p>
                  <p>
                    今年年初看到朋友做拼多多，销量很不错！我就跟着做下，没想到短短几个月就月销售达到100多万，还是没做推广的情况下，感谢拼多多这么好的平台给了我这么好的机会。
                  </p>
                </div>
                <div className="userBlock">
                  <h1 className="ps">年销1亿5000万</h1>
                  <img
                    src="https://commimg.pddpic.com/mms_static/2020-05-11/c9563847-9512-4845-b40a-2cc7967276f9.png"
                    alt="1"
                  />
                  <p>孙兴</p>
                  <p>杉杉朵妃专卖店</p>
                  <p>
                    在拼多多周年庆“双10”期间，我们店铺7天卖了800万元，一年销售额达1亿5000万，感谢拼多多提供给我这么好的平台和机会。
                  </p>
                </div>
              </div>
            );
          })}
        </Carousel>
      </div>
      <div className="title-part">
        <div className="ot">
          <img
            src="https://commimg.pddpic.com/mms_static/2020-05-11/9b38ae77-9372-4617-bc57-ae7cf28fc5f4.png"
            alt=""
          />
          <p>选择拼多多，无法抗拒的理由</p>
          <img
            src="https://commimg.pddpic.com/mms_static/2020-05-11/6a98d77c-c21d-4cca-8098-e7d9a6a422ad.png"
            alt=""
          />
        </div>

        <p>拥有海量活跃用户，众多新颖的活动，拼多多值得你加入</p>
      </div>
      <ul className="clearfix">
        <li>
          <img
            src="//commimg.pddpic.com/mms_static/2020-04-22/d6c54d30-aeb8-4c4b-adac-5f500e63db0c.png"
            alt=""
          />
          <p className="pq">海量活跃用户</p>
          <p className="pw">庞大用户群，销量猛增长</p>
        </li>
        <li>
          <img
            src="//commimg.pddpic.com/mms_static/2020-04-22/76f1fa7d-615f-418b-8fd2-7750da9a64d8.png"
            alt=""
          />
          <p className="pq">超高平台知名度</p>
          <p className="pw">综艺强冠名，资源超丰富</p>
        </li>
        <li>
          <img
            src="//commimg.pddpic.com/mms_static/2020-04-22/b95d31a4-51f0-4e7d-8df2-78f916454806.png"
            alt=""
          />
          <p className="pq">新电商开创者</p>
          <p className="pw">拼单齐分享，卖货忙不停</p>
        </li>
        <li>
          <img
            src="//commimg.pddpic.com/mms_static/2020-04-22/5a893b9d-f7cf-4b7a-bd06-abd861d52bd3.png"
            alt=""
          />
          <p className="pq">0佣金 无扣点</p>
          <p className="pw">开店无压力，收入超劲爆</p>
        </li>
        <li>
          <img
            src="//commimg.pddpic.com/mms_static/2020-04-22/cad30f3d-4c83-4175-be16-f090ba4b6286.png"
            alt=""
          />
          <p className="pq">新商家扶持</p>
          <p className="pw">扶持力度大，流量强提升</p>
        </li>
        <li>
          <img
            src="//commimg.pddpic.com/mms_static/2020-04-22/126b5ead-c0f7-48b8-bdfd-f97231d604ee.png"
            alt=""
          />
          <p className="pq">海量活动每天报名</p>
          <p className="pw">惊喜活动多，用户忙剁手</p>
        </li>
        <li>
          <img
            src="//commimg.pddpic.com/mms_static/2020-04-22/c5c0befc-179f-46bf-bfc3-9aa3779c4817.png"
            alt=""
          />
          <p className="pq">免费带你学电商</p>
          <p className="pw">来多多大学，小白变高手</p>
        </li>
      </ul>
      <div className="hy">
        <img
          src="https://commimg.pddpic.com/mms_static/2020-05-11/6d5ca6e4-891e-4587-9fda-eee89de3a9b1.png"
          alt=""
        />
      </div>
      <div className="title-part">
        <div className="ot">
          <img
            src="https://commimg.pddpic.com/mms_static/2020-05-11/9b38ae77-9372-4617-bc57-ae7cf28fc5f4.png"
            alt=""
          />
          <p>他们也在拼多多</p>
          <img
            src="https://commimg.pddpic.com/mms_static/2020-05-11/6a98d77c-c21d-4cca-8098-e7d9a6a422ad.png"
            alt=""
          />
        </div>

        <p>生意人的欢乐聚会，品牌、商家应有尽有</p>
      </div>
      <div className="lo">
        <img
          src="https://commimg.pddpic.com/mms_static/2019-07-23/b7de066b-5174-4cf7-b880-f206329875e4.png"
          alt=""
        />
      </div>
    </div>
  );
}
